<template>
    <div>
        ==={{title}}
        <!-- {{visible}} -->
        <!-- <button @click="$emit('update:visible',true)">change title</button> -->
        <!-- <div v-show="dialogVisible">显示</div>
        <button @click="$emit('update:visible',true)">change</button> -->
        <!-- <input type="text" :value="value" @input="e=>{$emit('input',e.target.value)}"/> -->
        <!-- <button @click="$emit('update:title','hello')">change title</button> -->
        <input type="checkbox" :checked="visible" @change="e=>$emit('fun',e.target.checked)">
    </div>
</template>
<script>
export default {
    props:{
        visible:{
            type:Boolean,
            default:false
        },
        value:{
            type:String,
            default:''
        },
        title:{
            type:String,
            default:''
        }
    },
    model:{
        prop:'visible',
        event:'fun'
    }
}
</script>